<html>
	<head>
		<title>jPopIt Version 1 - Example page</title>
		
		<link href="jpopit.css" type="text/css" rel="stylesheet" />
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
		<script type="text/javascript" src="jpopit.jquery.js"></script>
	</head>
	
	<body>
	
		<div id="example1">Simple Message:
		<button onClick='$.jpopit("Hi there")'>click me</button></div>
		
		<br />
		
		<div id="example2">Static Message:
		<button onClick='$.jpopit("This is a static message", {static: true})'>click me</button></div>
		
		<br />
		
		<div id="example3">Pass an element:
		<button onClick='$.jpopit("#example1")'>click me</button></div>
		
		<br />
		
		<div id="example4">Custome fade and delay:
		<button onClick='$.jpopit("What time is it?", {fadeInTime: 2000, delay: 10000})'>click me</button></div>
		
		<br />		
		
		<div id="example5">Custome icon:
		<button onClick='$.jpopit("WARNING!", {iconSrc: "http://goo.gl/fUrbG"})'>click me</button></div>
		
		<br />
		
		<div id="example6">Advanced Customize:
		<button onClick='$.jpopit("What day is it?", {fadeInTime: 2000, delay: 10000}).css({"backgroundColor": "purple", "color": "pink"})'>click me</button></div>
		
		<br />
		
		<div id="footer">
			If you have any questions, comments, or concerns, please visit <a href="http://goo.gl/ICp6N" target="_blank">http://shazybot.dyndns.org/services/jQueryPlugins/jpopIt/index.html</a>
		</div>
		
	</body>
</html>